.alertify-notifier .ajs-message.ajs-success {
  color: #FFF;
  text-align: center;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.70);
}

.btn-custom-confirm-before {
  background: #116FB3B2;
  box-shadow: -5px -10px 20px 0px #00000040 inset;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 400;
  line-height: 30.26px;
  text-align: center;
  gap: 0px;
  border-radius: 15px;
  opacity: 0px;
}

.btn-custom-confirm-after {
  background: #116FB3;
  box-shadow: -5px -10px 20px 0px #00000040 inset;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 400;
  line-height: 30.26px;
  text-align: center;
  gap: 0px;
  border-radius: 15px;
  opacity: 0px;
}

.btn-custom-cancel {
  background: #ECECEC;
  border: 2px solid #116FB3;
  box-shadow: -5px -10px 20px 0px #00000040 inset;
  border-radius: 15px;
  color: #000000;
  font-size: 25px;
  font-weight: 400;
  line-height: 30.26px;
  text-align: center;
}

.input-custom-text {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.25);
}

.custom-title {
  color: #000000;
  font-size: 50px;
  font-weight: 400;
  line-height: 60.51px;
  letter-spacing: 0.1em;
  text-align: center;
}

.custom-subtitle {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
}

.btn-custom-group {
  background-color: #FFFFFF0F;
  box-shadow: 5px 10px 20px 0px #00000040;
  border-radius: 15px;
}

.btn-custom-select {
  border-radius: 15px;
  border: 0px;
  text-align: center;
  padding: 17px 13px 16px 7px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: center;
  color: #9E9E9E;
}

.btn-custom-active {
  border-radius: 15px;
  background-color: #116FB3;
  box-shadow: -5px -10px 20px 0px #00000040 inset;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  color: #FFFFFF;
}

/*Estilos para los templates*/
h1,
h2,
h3,
h4,
h5 {
  color: #000;
}

/* h1 {
  font-size: 2rem;
} */

/* h2 {
  font-size: 1.5rem;
  font-weight: 400;
} */

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1.2rem;
}

.page-inner {
  @media (min-width: 992px) {
    width: 95% !important;
  }

  margin: auto;
}

.contenedor {
  gap: 0px;
  border-radius: 15px;
  opacity: 0px;
  background: #FFFFFFB2;
  box-shadow: 5px 10px 20px 0px #00000040;
}

.title:not(#inmueble-title):not(#localizacion-title){
  letter-spacing: 0.1em;
}

.title {
  font-size: 20px;
  font-weight: 400;
  /* line-height: 60.51px; */
  color: #000000;
}

.table-no-outer-border {
  border-collapse: separate;
  border-spacing: 0;
}

.table-no-outer-border>thead>tr>th,
.table-no-outer-border>thead>tr>td,
.table-no-outer-border>tbody>tr>th,
.table-no-outer-border>tbody>tr>td {
  border: none;
}

.table-no-outer-border>tbody>tr>td:not(:last-child),
.table-no-outer-border>thead>tr>th:not(:last-child) {
  border-right: 2px solid black !important;
}

.dataTables_length {
  padding: 0 0 0 1rem;
}

#searcheventos-wrapper input {
  box-shadow: 5px 10px 20px 0px #00000040;
  gap: 0px;
  border-radius: 15px;
  padding: 16px 15px 17px 45px !important;
}

.searcheventos-wrapper {
  position: relative;
  padding-left: 50px;
}

#search-wrapper input,
#search-wrapper-group input {
  box-shadow: 5px 10px 20px 0px #00000040;
  gap: 0px;
  border-radius: 15px;
  padding: 14px 15px 14px 45px !important;
}

.search-wrapper {
  position: relative;
  padding-left: 50px;
}


.search-wrapper,
.search-wrapper-group {
  position: relative;
  padding-left: 50px;
}

#search-wrapper-add-group input {
  box-shadow: 5px 10px 20px 0px #00000040;
  gap: 0px;
  border-radius: 15px;
  padding: 2px 15px 2px 45px !important;
}

.search-wrapper-add-group {
  position: relative;
  padding-left: 50px;
}

.search-icon-add-group {
  position: absolute;
  left: 35px;
  color: rgba(0, 0, 0, 1);
  margin-top: 8px;
}

.search-icon {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  font-size: 1rem !important;
}

.btn-cancel-innova {
  background: rgba(236, 236, 236, 1);
  /* width: 165px; */
  border-radius: 15px;
  padding: 17px 0px;
  /* padding-bottom: 15px; */
  color: #000000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 24.2px;
  border: 2px solid rgba(17, 111, 179, 1);
  box-shadow: -5px -10px 20px 0px rgba(0, 0, 0, 0.25) inset;
}

.btn-primary-innova {
  background: #116FB3 !important;
  /* width: 165px; */
  border-radius: 15px;
  padding: 17px 0px;
  /* padding-bottom: 15px; */
  color: #FFFFFF !important;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 24.2px;
  box-shadow: -5px -10px 20px 0px rgba(0, 0, 0, 0.25) inset;
}

.btn-danger-innova {
    background: #dc3545;
    /* width: 165px; */
    border-radius: 15px;
    padding: 17px 0px;
    /* padding-bottom: 15px; */
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 24.2px;
    box-shadow: -5px -10px 20px 0px rgba(0, 0, 0, 0.25) inset;
    max-width: 300px !important;
    /* margin-bottom: 30px; */
  }
  
.btn-primary-innova:not(#inmuebles):not(#eventos):not(#intervenciones),
.btn-cancel-innova,
.btn-danger-innova {
  max-width: 100% !important;
}

.btn-primary-innova:hover {
  color: #FFFFFF;
}

.status-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.status-bar {
  width: 65%;
  height: 14px;
  border-radius: 15px;
  margin: auto;
}

table .status-bar {
  width: 58%;
  max-width: 120px;
  height: 10px;
}

.status-bar.active,
.status-icon.active {
  background-color: green;
}

.status-bar.inactive,
.status-icon.inactive {
  background-color: red;
}

.fas.fa-edit,
.fas.fa-trash,
.fas.fa-clock {
  font-size: x-large;
  color: #000000;
}

.btn-group {
  background-color: #f2f2f2;
  border-radius: 15px;
}

.btn-tag,
.btn-tag-group {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f2f2f2;
  color: #ccc;
  font-size: 20px;
  border-radius: 0;
  font-weight: 400;
  line-height: 28px;
  padding: 15px 0 15px 0 !important;
}

.btn-tag.active,
.btn-tag-group.active {
  background-color: #116FB3;
  border-radius: 15px !important;
  color: #fff;
  box-shadow: -5px -10px 20px 0px rgba(0, 0, 0, 0.25) inset !important;
}

.btn-group {
  display: flex;
  box-shadow: 5px 10px 20px 0px #00000040;
}

.btn-tag:first-child,
.btn-tag-group:first-child {
  border-radius: 15px 0 0 15px;
}

.btn-tag:last-child,
.btn-tag-group:last-child {
  border-radius: 0 15px 15px 0;
}

.invisible {
  display: none !important;
}

.table th {
  font-size: 1.2rem;
}

.form-check-input {
  transform: scale(1.85);
}

#edit-option,
#edit-option-inmueble {
  display: block !important;
}

#edit-group {
  display: none;
}

#delete-option {
  display: none;
}

.messages {
  position: fixed;
  z-index: 10000 !important;
}

.messages>span {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 15px;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  padding: 0.3rem 5% !important;

  position: fixed;
  bottom: 30px;
  right: 5%;
}

input[type=text]:not(#password),
input[type=password],
input[type=number],
input[type=email],
input[type=date],
#wrap-select,
input[type=time],
textarea,
select:not([name='add-row_length'], [name='table-groups_length'], [name='intervencion-row_length'], [name='eventos-row_length'], [name='mensaje-row_length']) {
  border-radius: 15px !important;
  background: #FFF;
  box-shadow: 5px 10px 20px 0px #00000040;
  max-width: 700px;
  /* padding: 16px 30px 16px 15px !important; */
}

/* Estilo para el campo de contraseña */
#password {
  border-radius: 15px 0 0 15px !important;
  max-width: 641px !important;
}

input[type=checkbox] {
  margin-right: 10px;
}

.input-group-append .btn {
  border-radius: 0 15px 15px 0;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.label {
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
}

form>input[type=checkbox][name=locOption] {
  visibility: hidden;
}

#inmuebles-table-body>tr>td,
#localizaciones-table-body>tr>td,
#groups-table-body>tr>td,
#usuarios-table-body>tr>td,
#entidades-table-body>tr>td {
  padding: 0px !important;
}

#inmuebles-table-body>tr>td>a,
#localizaciones-table-body>tr>td>a,
#groups-table-body>tr>td>a,
#usuarios-table-body>tr>td>a,
#entidades-table-body>tr>td>a {
  text-decoration: none;
  color: inherit;
}

.field-errors {
  color: red;
  font-size: 0.9em;
}

.invalid-feedback {
  font-size: inherit;
}

.has-error .form-control {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}

.error {
  margin: 0;
  padding-left: 0.3rem
}

.form-field-errors {
  margin-top: 0.4rem;
  border: none;
  font-weight: inherit;
  border-color: #dc3545;
  color: #dc3545;
}

.input-group.has-error {
  color: #dc3545 !important;
  border: none !important;

}

.table-no-outer-border {
  width: 100% !important;
  table-layout: fixed;
}

/* .table-no-outer-border td, */
.table-no-outer-border th,
.table-no-outer-border td div span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.table-no-outer-border td div {
  display: flex;
  align-items: center;
}

.table td{
  height: 52px !important;
}

/* #sidebar img {
  width: 64px;
} */

.mb-20-small {
  margin-bottom: 15px;
}

.mt-20-small {
  margin-top: 15px;
}

.mb-20-responsive {
  margin-bottom: 20px;
}

.mt-20-responsive {
  margin-top: 20px;
}

.mb-55 {
  margin-bottom: 30px;
}

.mt-55 {
  margin-top: 30px;
}

@media (min-width: 576px) {
  .form-control,
  table td {
    font-size: 20px !important;
  }

  .search-icon,
  .search-icon-add-group {
    font-size: 1.3rem;
  }

  .text-password-reset {
    font-size: 20px;
  }

  input[type=text],
  input[type=password],
  input[type=number],
  input[type=email],
  input[type=date],
  #password-visibility,
  #wrap-select,
  select:not([name='add-row_length'], [name='table-groups_length'], [name='intervencion-row_length'], [name='eventos-row_length'], [name='mensaje-row_length'], [id='availableUnits'], [id='selectedUnits']) {
    /* width: 450px !important; */
    height: 50px;
  }

  #password-visibility {
    padding: 0px;
  }

  .btn-primary-innova:not(#password-visibility), 
  .btn-cancel-innova,
  .btn-danger-innova {
    width: 200px;
  }
}

@media (max-width: 768px){
  .btn-primary-innova:not(.input-group-append .btn-primary-innova),
  .btn-cancel-innova,
  .btn-danger-innova {
    font-size: 20px;
    height: 40px;
    line-height: 16px;
    padding: 10px 0px;
  }

  .input-group-append .btn-primary-innova {
    padding: inherit;
  }

  #search-wrapper input,
  #search-wrapper-group input,
  #search-wrapper-0 input,
  #search-wrapper-1 input,
  #search-wrapper-2 input {
    padding: 5px 10px 5px 45px !important;
  }

  /* #search-wrapper-0 input,
  #search-wrapper-1 input,
  #search-wrapper-2 input {
    max-width: 395px;
  } */

  .search-icon {
    transform: translateY(-50%);
  }
  .btn-tag,
  .btn-tag-group {
    line-height: 8px;
  }

  .btn-dropdown {
    height: 40px;
  }

  .form-check-input {
    transform: scale(1.3) !important;
  }

  .label {
    font-size: 16px;
  }
}

@media (min-width: 769px) {
  /* h1 {
    font-size: 2.5rem !important;
  } */
  h3 {
    font-size: 1.75rem !important;
  }
  .title {
    line-height: 60.51px;
  }  

  .mb-55 {
    margin-bottom: 55px;
  }
  
  .mt-55 {
    margin-top: 55px;
  }

  .mb-20-responsive {
    margin-bottom: 30px;
  }

  .mt-20-responsive {
    margin-top: 30px;
  }
}

@media (max-width: 1200px) {

  table:not(#mensaje-row) .table-no-outer-border th,
  table:not(#intervencion-row) .table-no-outer-border th,
  table:not(#eventos-row) .table-no-outer-border th {
    padding: 0 5px !important;
  }

  table:not(#mensaje-row) .table-no-outer-border th:first-child,
  table:not(#mensaje-row) .table-no-outer-border td:first-child,
  table:not(#intervencion-row) .table-no-outer-border th:first-child,
  table:not(#intervencion-row) .table-no-outer-border td:first-child,
  table:not(#eventos-row) .table-no-outer-border th:first-child,
  table:not(#eventos-row) .table-no-outer-border td:first-child {
    width: 18% !important;
  }

  table:not(#mensaje-row) .table-no-outer-border th:last-child,
  table:not(#mensaje-row) .table-no-outer-border td:last-child,
  table:not(#intervencion-row) .table-no-outer-border th:last-child,
  table:not(#intervencion-row) .table-no-outer-border td:last-child,
  table:not(#eventos-row) .table-no-outer-border th:last-child,
  table:not(#eventos-row) .table-no-outer-border td:last-child {
    width: 7% !important;
  }
}

.localizaciones-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-registros {
  font-style: italic;
  color: gray;
}

.card-innova {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.25);
}

#mobile-menu {
  overflow-y: auto;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  background: rgba(255, 255, 255, 1);
  border-right: 1px solid rgba(204, 204, 204, 0.3);
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.mobile-menu.show-menu {
  transform: translateX(0);
}

.close-btn {
  font-size: 24px;
  cursor: pointer;
}

.menu-icons {
  width: 100%;
}

.menu-icon {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.menu-icon span {
  margin-right: 10px;
  font-size: 20px;
  padding-left: 10px;
  color: rgba(0, 0, 0, 1);
}

.menu-icon a {
  text-decoration: none;
  color: inherit;
}

#formLogin input,
#formReset input {
  max-width: 700px;
  margin: auto;
}

.subtitle {
  font-size: 25px;
  font-weight: 700;
  line-height: 30.26px;
  text-align: center;
}

.custom-tab {
  height: 75px;
  left: 204.5px;
  gap: 0px;
  border-radius: 15px;
  background: #FFFFFF0F;
  box-shadow: 5px 10px 20px 0px #00000040;
  max-width: 1091px;
}

.custom-text-tab {
  font-size: 40px;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 767px) { /* Mini Tablets */
  .mobile-menu {
    width: 50%;
  }
  .menu-icon img {
    width: 28px;
  }
  .menu-icon span {
    font-size: 16px;
  }

  .custom-text-tab {
    font-size: 25px !important;
  }
  /* .title {
    font-size: 20px !important;
  } */
  
  .subtitle {
    font-size: 20px !important;
  }

  .subtitle-small {
    font-size: 15px !important;
  }
}

@media (min-width: 768px) { /* Tablets */
  .mobile-menu {
    width: 40%;
  }
  .menu-icon img {
    width: 42px;
  }
  .title {
    font-size: 30px !important;
  }

  .subtitle,
  .subtitle-small {
    font-size: 25px !important;
  }

  .mb-20-small {
    margin-bottom: 20px;
  }
  
  .mt-20-small {
    margin-top: 20px;
  }
  .tooltip-inner {
    font-size: 20px !important;
    max-width: 300px;
  }
}

@media (max-width: 576px) { /* Mobile */
  .mobile-menu {
    width: 70%;
  }

  .custom-text-tab {
    font-size: 14px !important;
  }

  .custom-tab {
    height: 40px !important;
    left: 204.5px;
    gap: 0px;
    border-radius: 15px;
    background: #FFFFFF0F;
    box-shadow: 5px 10px 20px 0px #00000040;    
  }

  .btn-primary-innova:not(.input-group-append .btn-primary-innova),
  .btn-cancel-innova,
  .btn-danger-innova {
    font-size: 14px;
    height: 33px;
    line-height: 12px;
  }

  input[type=text],
  input[type=password],
  input[type=number],
  input[type=email],
  input[type=date],
  #password-visibility,
  #wrap-select,
  select:not([name='add-row_length'], [name='table-groups_length'], [name='intervencion-row_length'], [name='eventos-row_length'], [name='mensaje-row_length'], [id='availableUnits'], [id='selectedUnits']) {
    /* max-width: 300px !important; */
    height: 40px !important;
  }

  .btn-primary-innova:not(#password-visibility), 
  .btn-cancel-innova,
  .btn-danger-innova {
    width: 165px;
  }

  .btn-cancel-innova:not(.swal-button--cancel) {
    margin-top: 20px;
  }
}

@media (max-width: 556px) {
  .search-icon-add-group {
  }
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
  .title {
    font-size: 50px !important;
  }

  .subtitle {
    font-size: 40px !important;
  }
}

@media (min-width: 0px) and (max-width: 576px) {
  .logo-shs{
    width: 93px;
    height: 41px;
  }

  #hamburger-close-mobile {
    width: 20px;
    height: 20px;
  }

  #hamburger-mobile {
    width: 30px;
    height: 30px;
  }

  div.dataTables_wrapper {
    width: 600px;
    margin: 0 auto;
  }

  .table-responsive-small div.dataTables_wrapper {
    width: 500px;
  }

  #intervenciones, #eventos, #inmuebles {
    font-size: 12px;
  }

  #eventos-table-body td {
    padding: 5px !important;
  }
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }

  .btn-primary-innova:not(#password-visibility), 
  .btn-cancel-innova,
  .btn-danger-innova {
    width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* .custom-tab {
      min-height: 50px !important;
    } */

    .custom-text-tab{
      font-size: 25px !important;
    }
}

@media (min-width: 1200px) {
  form input[type=text],
  input[type=password],
  input[type=number],
  input[type=email],
  input[type=date],
  #wrap-select,
  select:not([name='add-row_length'], [name='table-groups_length'], [name='intervencion-row_length'], [name='eventos-row_length'], [name='mensaje-row_length'], [id='availableUnits'], [id='selectedUnits']) {
    /* width: 700px !important; */
    height: 60px !important;
  } 
  
  #password-visibility {
    height: 60px;
  }
}

@media (max-width: 575px) {
  .main-container {
    max-width: 300px;
    margin: auto;
  }
}

@media (min-width: 576px) {
  .main-container {
    width: 450px;
    margin: auto;
  }
}

@media (min-width: 1200px) {
  .main-container {
    width: 700px;
    margin: auto;
  }
}